.e-onboarding {

	&__card {
		border: 1px solid $platform-darker-gray;
		border-radius: 8px;
		padding: 40px 40px;
		cursor: pointer;
		flex-grow: 1;
		display: flex;
		flex-direction: column;
		align-items: center;

		&-image,
		&-text {
			width: 345px;
		}

		&-image {
			margin-block-end: 44px;
		}

		&-text {
			font-size: 20px;
			font-weight: 700;
			text-align: center;
			color: $platform-darkest-gray;
		}

		&-text-small {
			color: $platform-darkest-gray;
			text-align: center;
			font-size: 18px;
			font-weight: 400;
			line-height: 150%;
			letter-spacing: -0.18px;
			margin-block-start: 6px;
		}

		&:hover {
			box-shadow: 4px 4px 0 0 $black;
		}

		&:active {
			box-shadow: initial;
		}
	}
}
